<include file="Home@Public/head"/>
<style>
.material_list{margin: 0;}
.appmsg_item .main_img {
    height: auto;margin: 0;
}
</style>
<body style="background: #fff;">
<empty name="list_data">
	<div class="empty_container"><p>您的图片素材库为空，<a target="_blank" href="{:U('Home/Material/picture_lists')}">请先增加素材</a></p></div>
<else />
<div class="data_container">
	<ul class="material_list">
      <volist name="list_data" id="vo">
       		<li class="appmsg_li" data-id="{$vo.id}" style="overflow:hidden">
            <div class="appmsg_item">
                <div class="main_img">
                    <img src="{$vo.cover_url}" width='100px' height='100px'/>
                </div>
            </div>
            <div class="hover_area"></div>
        	</li>
       </volist>
     </ul>
 </div>
</empty>
<div class="page"> {$_page|default=''} </div></div>
<script type="text/javascript">
$(function(){
	$('.material_list').masonry({
		// options
		itemSelector : '.appmsg_li'
		//columnWidth : 308
	  });
});

</script>
</body>